/*   autor: bet | http:/skpraga.cz  */
body {
background: #FFF;
font-family: Arial, Verdana, Tahoma;
font-size: 13px;
color: #060606;
border: 0;
margin: 50px;
}

#bodyx {
background: #FFEEEE;
margin: auto;
width: 794px;
}

#pruh h1 {
margin: 0;
color: #c2c2c2;
padding-top: 10px;
font-size: 30px;
}

#pruh h1 span {
font-size: 16px;
}

#pruh {
width: 794px;
height: 160px;
background: url("../img/pruh2.jpg") no-repeat #f2f2f2;
margin: 0 auto 50px auto;
text-align: center;
}

#pruh strong {
color: #c2c2c2;
}

#pruh a {
color: #a3a3a3;
text-decoration: none;
}

#pruh a:hover {
color: #7d7d7d;
}

#pruh img {
float: right;
padding: 0x 5px 5px 5px;
border: none;
}

h1 {
color: #ff4500;
font-size: 16px;
}

h2 {
font-size: 14px;
color: #ff4500;
margin: 0 0 10px 0;
padding: 0;
font-family: Arial;
}

h3 img {
vertical-align: middle;
}

#page {
width: 793px;
margin: -38px auto;
background: #FFEEEE;
}

hr {
border: 2px solid #ff4500;
}

#obsah {
width: 574px;
float: right;
padding: 5px 10px 5px 10px;
margin-bottom: 20px;
background: #EDE3AE;
text-align: justify;
vertical-align: middle;
}

.nadpis-clanku a{
color: #ff4500;
font-size: 18px;
}

.nadpis-clanku a:hover{
text-decoration: underline;
}

#menu {
width: 170px;
float: left;
padding: 5px 10px 5px 5px;
margin-bottom: 60px;
background: #EDE3AE;
}

#menu a {
font-weight: normal;
color: #060606;
text-decoration: none;
}

#menu a:hover {
color: #ff4500;
text-decoration: underline;
}

#menu h2 {
font-size: 15px;
color: #ff4500;
margin: 0;
padding: 0;
}

#menu li {
list-style: none;
width: 172px;
height: 30px;
position: relative;
left: -37px;
top: 0;
}

#menu li a{
color: #060606;
padding: 6px 12px 13px 0;
background: url('../img/menu-a.gif') no-repeat 99% 50%;
text-decoration: none;
display: block;
width: 160px;
height: 10px;
border-bottom: 3px solid #ff4500;
}

#menu li a:hover{
color: #deb887;
background: url('../img/menu-hover.gif') no-repeat 99% 50%;
text-decoration: none;
border-bottom: 3px solid #ff4500;
}

.info {
width: 563px;
height: 13px;
background: #FF8455;
padding: 5px;
color: #FFF;
font-size: 12px;
text-align: center;
margin: 0 auto;
margin-bottom: 20px;
}

.info a{
color: #FFF;
text-decoration: none;
font-weight: bold;
}

.info strong {
color: #FFF;
}

a {
color: #ff4500;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

strong {
color: #4a4a4a;
}

#paticka {
color: #060606;
width: 794px;
text-align: center;
margin: 0 auto;
clear: both;
border-top: 3px solid #ff4500;
padding-top: 10px;
padding-bottom: 10px;
}

#paticka a{
color: #242424;
text-decoration: underline;
}

#paticka a:hover {
text-decoration: none;
}

blockquote {
padding: 1px 3px 1px 5px;
background: #f8f7f7;
border-left: 3px solid #b20404;
}

#linkuj {
margin-top: 25px;
padding: 5px;
background: #f5f2f2;
border-top: 1px solid #000;
}

#vzkaz {
background: #f8f7f7;
border: 1px solid #c8c8c8;
padding: 5px 5px 5px 20px;
}

#vzkaz li {
list-style-image: url("../img/corner.gif");
}

.img-left{ display: block; float: left;  margin: 0 5px 5px 0; padding: 3px; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7;}
.img-right{ display: block;  float: right;  margin: 0 0 5px 5px;padding: 3px; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7;}
.img-center{ display: block; margin: 10px auto; padding: 3px; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7;}
.img-left:hover {border-top: 1px solid #aeaeae; border-bottom: 1px solid #aeaeae;}
.img-right:hover {border-top: 1px solid #aeaeae; border-bottom: 1px solid #aeaeae;}
.img-center:hover {border-top: 1px solid #aeaeae; border-bottom: 1px solid #aeaeae;}

/* TEXT */
.text-jednotlivy .odkaz-editovat { padding-left: 10px; color: #dcdcdc; font-style: italic;}
.text-jednotlivy .div-pokracuj { text-align: right; padding: 15px 30px; font-size: 125%;}
.text-jednotlivy { margin-bottom: 20px;}

/* plati i pro clanky */

/* paticka - prechod na sousedni texty*/
p.text-dalsi{ margin: 30px auto 15px; width: 70%}
p.text-dalsi span{display:block}
p.text-dalsi span span{display: inline}
p.text-dalsi span.left{text-align: left;}
p.text-dalsi span.right{ text-align: right;}


 /* odkazy na dalsi listy s texty (prehled) */
div.text-strankovani{ text-align: center; margin-top: 15px; padding-top: 5px;}
div.text-strankovani a{padding-left: 2px; padding-right: 2px; }

/* ------------------------------ KOMENTARE ---------------------------------*/


.komentar{border-bottom: 1px solid #dcdcdc; border-top: 2px solid #b20404; margin: 20px auto; width: 100%; background: url("../img/bgkoment.jpg") repeat-x;}
.komentar a{font-size: small}
.kom-gravatar{float: left; margin: 2px 5px 0 0; border: 1px solid #dcdcdc; padding: 3px;}
.kom-nadpis{ padding-left: 4px; height: 30px; line-height: 30px;}
.kom-nadpis span{font-size: 150%; color: #000;} /* jmeno */
.kom-nadpis a{float:right; width: 40px; text-align: center;}
.kom-nadpis span.nadpis{ margin-left: 5px; font-size: 105%; font-style: italic; color: gray;}
.kom-text{ line-height: 17px; margin: 0px 5px; padding-top: 25px;}
.kom-text p, .kom-text div { margin: 4px 0; }
.kom-text img.smajl{vertical-align: middle}
span.komentar-autor{color: #4b6dad;}
.k {background: url("../img/back-komentar-pole.jpg") repeat-x #FFF; border-top: 1px solid #ebebeb;}
.komentar-reakce{ border-bottom: 1px dotted silver; padding: 0px; text-decoration: none;}
.komentar-reakce:hover{ border-bottom: 1px dotted gray; padding: 0px; text-decoration: none;}

/* ------------------------------ FORMULAR KOMENTARE ---------------------------------*/

 /* FORMULAR NENI ZOBRAZEN */
.no-formular{   width: 75%; margin: 40px auto; padding: 20px; text-align: center; border: 1px solid gray;
 	background: #e0e0e0; }

#kf{ margin: 35px auto; width: 95%;}
#kf fieldset{border: none;}
#kj, #km, #kw, #kn, #kt{ font-family: "Trebuchet MS", Verdana, sans-serif; font-size: 12px; padding: 1px 3px; border: 1px solid #b0c4de; width: 150px;}
#kn{ width: 75%; font-weight: bold;}
#kt{ width: 98%; height: 150px; margin-top: 10px; padding: 4px;}

#kf label{ display: block; float: left; width: 70px; text-align: right; padding: 2px 8px 0 0 ;}
#kf #grav{ color: silver;}
#kf #grav a{ color: inherit;}
#syntaxe-odkazy{margin: 4px 0;}
#syntaxe-odkazy a{ margin-right: 3px; }
#syntaxe-odkazy a:hover { background: white; }

#smajly-odkazy { margin-top: 15px; padding: 10px 0;}

#syntaxe-odkaz-na-texy{ margin: 12px 0; text-align: center;}


/* Kontrolni otazka je i ve vzkazu */
#kf #k-otazka, #vf #k-otazka { width: 75%; margin: 15px;  padding:5px; background: #fefeed;}
#kf #k-otazka strong, #vf #k-otazka strong{ font-size: 125%;}
#kf #k-otazka input, #vf #k-otazka input{ width: 25px; border: 0; background-color: inherit;}
#kf #k-otazka label, #vf #k-otazka label {display: inline; float: none; line-height: 22px;}

div.archiv { margin-bottom: 15px; background: #fafafa; padding: 10px; width: 575px; }
div.archiv .autori, div.archiv .kategorie, div.archiv .roky { margin: 10px;}
div.archiv a { padding-right: 3px;}
div.archiv .roky { margin-bottom: 15px; }
div.info-o-archivu { margin: 15px 5px;  margin: 10px 10px 25px 193px; }
div.archiv li {list-style: none; background: url('../img/menu-a.gif') no-repeat 0% 50%; display: block; padding-left: 15px;}
/* ------------------------------ VYHLEDAVANI ---------------------------------*/

#sf fieldset{border: none;}
#sf p.slovo{ height: 40px; line-height: 40px;}
#sf label {display: block; float: left; width: 110px; height: 40px; line-height: 40px;}
#sf p.slovo input{ margin: 10px 0;}


#sf input { 	margin: 0; 	width: 150px; 	border: 1px solid #ccc; 	background: #FFF; 	color: #000; }
#sf #slovo:hover { 	border: 1px solid #808080; }
#sf input.sub { margin: 0; width: 60px; font-size: 100%; 	font-family: Arial, Sans-serif; 	border: none; 
	background: #FFFFFF; 	color: #808080; 	padding: 1px; 	font-weight: bold; }

p.s-info { margin: 10px 0 0 0;} /* nejsou vysledky - <p> */
ul.s-ul {  margin: 10px 0 0 0; padding: 0; list-style-type: none;} /* jsou vysledky - <ul> */
h1.search {margin: 25px 10px 15px;}
#sf li{list-style: square;}

table{ margin: 10px auto; border-spacing: 0px; border-collapse: collapse;}
table th, table td{  padding: 5px; border: 1px solid #dcdcdc; }
table th{ text-align: center; background: #F6F6F6 url('../img/hmrightbg.gif') repeat-x; }

div.stat table{width: 60%; margin: 20px auto;}

.cotojatka-anchor {
border: 1px solid #292929;
font-size: 12px;
} 
.cotojatka {
border: 2px solid #292929;
font-size: 12px;
padding: 4px 6px;
color: #FFF;
} 

.cotojatka, .cotojatka-anchor {
border: 1px solid #292929;
padding: 4px 6px;
background: #363636;
font-size: 12px;
color: #FFF;
}

/* ------------------------------ ANKETA ---------------------------------*/

.anketa-blok{ padding: 5px; margin: 0 auto; clear: both; background: #f8f7f7; border-bottom: 1px solid #c8c8c8;
border-top: 1px solid #c8c8c8; width: 169px; }
.anketa-blok:hover {border-bottom: 1px solid #b20404;
border-top: 1px solid #b20404;}
.anketa-otazka{ border-bottom: 1px solid #c8c8c8; }
.odp1,.odp2,.odp3,.odp4,.odp5{ height: 5px; font-size: 5px; }
.odp1{ background: #b20404;}
.odp2{ background: #c8c8c8;}
.odp3{ background: #b20404;}
.odp4{ background: #c8c8c8;}
.odp5{ background: #b20404;}
 /* Anketa v textu */
.text-jednotlivy .anketa-blok{ width: 550px; }
 /* Anketa v clanku */
.clanek .anketa-blok{ width: 550px; }
 /* Anketa v menu */
.menu-blok .anketa-blok{ margin: 10px 2px;}
.menu-blok .anketa-blok .anketa-otazka{ padding: 2px;}
.menu-blok .anketa-blok div{ padding: 0;}

/* ------------------------------ VZKAZ ---------------------------------*/

#vf fieldset{border: none;}
#vf p{margin: 10px 0;}
#vf input, #vf textarea, #vf select { 	margin: 0; 	width: 102px; border: 1px solid #ccc;	background: #FFF; color: #000; padding: 1px 3px;}
#vf input:hover, #vf textarea:hover { 	border: 1px solid #808080; }

/*--------- CSS pro IE 6 -----------*/

*html h1 {font-size: 26px;}
*html #pruh img {margin-top: -17px;}
*html #obsah {width: 570px;}
*html #menu {padding: 5px;}
*html #paticka {margin: 40px auto 0 auto;}
*html #menu li {margin-right: -36px;}
*html #menu li a {padding: 6px 12px 6px 0;}
*html .info {width: 500px;}
*html #vzkaz {margin: 0;}
*html img {border-left: none; border-right: none;}
*html .info {width: 570px;}

/*--------- CSS pro IE 7 ---------*/

*:first-child+html #paticka {margin: 40px auto 0 auto;}
*:first-child+html #pruh img {margin-top: -17px;}
*:first-child+html h1 {font-size: 26px;}
*:first-child+html #vzkaz {margin: 0;}

/*--------- CSS pro FF ---------*/
#pruh img, x:-moz-any-link {margin-top: -17px;}

#menu span {cursor: pointer; cursor: hand;}
#menu span:hover {color: #b20404; text-decoration: underline;}
.skryvany {display: none; margin: 3px 0 0 -37px; background: #f4f4f4; padding: 3px; width: 166px; border-bottom: 1px solid #c8c8c8; text-align: justify;}

#menu li span{
color: #060606;
padding: 6px 12px 13px 0;
background: url('../img/menu-a.gif') no-repeat 99% 50%;
text-decoration: none;
display: block;
width: 160px;
height: 10px;
border-bottom: 1px solid #c8c8c8;
}

#menu li span:hover{
color: #b20404;
background: url('../img/menu-hover.gif') no-repeat 99% 50%;
text-decoration: none;
border-bottom: 1px solid #b20404;
}